Three issues that need fixing:

1. Missing return + wrong condition in both new components

NewestOpportunities.tsx line 24 and NewestVolunteers.tsx line 22 — the early-exit block never returns anything:

if (opportunities?.length === 0) {
  <Heading4>{t("dashboard.home.content.loading")}</Heading4>;  // no return!
}

Two problems:

• Missing return keyword — the message is never rendered
• length === 0 means data loaded empty, not loading. Use isLoading from the query hook for the loading state, and handle the empty case separately

2. Non-specific React Query keys risk cache collisions

queryKey: ["opportunities"] and queryKey: ["volunteers"] will share the cache with the full list pages if they use the same keys. The dashboard fetches only 2 newest with NEW status — this needs a distinct key, e.g. ["opportunities", "newest"] and ["volunteers", "newest"].

3. DashboardContentContainer height removed in HomeContent.tsx

The previous height: 300px is gone in the new styles.ts. If this is intentional please confirm — if children don't have intrinsic heights the container may collapse.